<template>
  <div class="center">
    <ComponentA />
    <ComponentB />
    <ComponentC />
  </div>
</template>

<script setup>
import ComponentA from "common/components/component-a.vue";
import ComponentB from "common/components/component-b.vue";
import ComponentC from "common/components/component-c.vue";
</script>

<style lang="scss" scoped>
.center {
  height: calc(100% - 100px);
  display: flex;
  justify-content: center;
  align-items: center;
  background: lightblue;
}
</style>
